{layout name="wapian/layout" /}
<style>
    .gundonggg {
        position: absolute;
        z-index: 9999;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 10px;
        background: #df3d5f00;
        padding: 3px 0px 0 0;
        border-radius: 2px;
    }

    #ys {
        background: #1A9CD6;
        color: #fff;
    }
</style>
<div class="container">
    <div class="row">
        <div class="hy-player clearfix">
            <div class="item">
                <div class="col-md-9 col-sm-12 padding-0">
                    {notempty name="$cof['pgDataSwitch']"}
                    <p class="gundonggg">
                        <marquee scrollamount="8" direction="left" align="Middle">
                            {$cof['playergg']}
                        </marquee>
                    </p>
                    {/notempty}
                    <div class="info embed-responsive embed-responsive-4by3 bofangdiv" id="cms_player">
                        <img id="addid" src="" style="display: none;width:100%;border: 0px solid #FF6651">
                        <iframe id="video" src="/jzad.html" allowfullscreen="true" allowtransparency="true"
                            frameborder="0" scrolling="no" style="width:100%;border:none"></iframe>

                        <a style="display:none" id="videourlgo" href=""></a>
                    </div>
                    <div class="footer clearfix">
                        <span class="text-muted" id="xuji">正在播放 -《{$data.data.vod_title}》 - <span
                                class="js"></span></span>

                    </div>

                </div>

                <div class="col-md-3 col-sm-12 padding-0">
                    <div class="sidebar">

                        <div class="hy-play-list play">
                            <div class="item tyui" id="bofangqi">
                                <div class="panel clearfix">
                                    <a class="option collapsed" data-toggle="collapse" data-parent="#playlist"
                                        href="#player">播放线路列表<span class="text-muted pull-right"><i
                                                class="icon iconfont icon-right"></i></span></a>
                                    <div id="player" class="playlist collapse in dianshijua">
                                        <ul class="playlistlink-1 list-15256 clearfix" id="xlus">
                                            {notempty name="data['data']['playerType']"}
                                            {volist name=":putPlayerList($data['data']['playerType'])" id="play"
                                            empty="暂无数据"}
                                            {eq name="$play.state" value="on"}
                                            <li>
                                                <a onclick="xldata(this)" data-jk="{$play.playurl}"
                                                    class="btn btn-sm btn-default">{$play.playtitle}</a>
                                            </li>
                                            {/eq}
                                            {/volist}
                                            {else /}
                                            <li>
                                                <a onclick="xldata(this)" data-jk=""
                                                    class="btn btn-sm btn-default">暂无播放器</a>
                                            </li>
                                            {/notempty}
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="hy-play-list play">
                            <div class="item tyui" id="dianshijuid">

                                {notempty name="data.data.play"}
                                {volist name="data.data.play" id="vod" empty="暂无数据"}
                                <div class="panel clearfix">
                                    <a class="option collapsed" data-toggle="collapse" data-parent="#playlist{$i}"
                                        href="#playlist{$vod.vod_sign}">{eq name='$vod.vod_name'
                                        value=''}未知来源{else/}{$vod.vod_name}{/eq}<span class="text-muted pull-right"><i
                                                class="icon iconfont icon-right"></i></span></a>
                                    <div id="playlist{$vod.vod_sign}"
                                        class="playlist collapse {eq name='$i' value='1'}in{/eq}">
                                        <ul class="playlistlink-1 list-15256 clearfix">
                                            <div class="ji-tab-content js-tab-content" style="opacity: 1;">
                                                {notempty name="$vod.data"}
                                                {volist name="$vod.data" id="vods" key="v" empty="暂无数据"}
                                                <div class="num-tab js-tabs">
                                                    <div class="num-tab-main js-tab g-clear">
                                                        <a href="javascript:;" class="am-btn am-btn-default lipbtn"
                                                            data-href="{$vods.vod_url}" onclick="bofang(this)">
                                                            {neq name="$vods.vod_time" value=''}
                                                            {$vods.vod_time}<br />
                                                            {/neq}
                                                            {$vods.vod_name}
                                                        </a>
                                                    </div>
                                                </div>
                                                {/volist}
                                                {else /}
                                                <div class="num-tab js-tabs">
                                                    <div class="num-tab-main js-tab g-clear">
                                                        <a href="javascript:;" id="ys"
                                                            class="am-btn am-btn-default lipbtn" data-href=""
                                                            onclick="bofang(this)">暂无数据
                                                        </a>
                                                    </div>
                                                </div>
                                                {/notempty}
                                            </div>
                                        </ul>
                                    </div>
                                </div>
                                {/volist}
                                {else /}
                                <div class="panel clearfix">
                                    <a class="option collapsed" data-toggle="collapse" data-parent="#playlistno"
                                        href="#playlistno">无播放来源<span class="text-muted pull-right"><i
                                                class="icon iconfont icon-right"></i></span></a>
                                    <div id="playlistno" class="playlist collapse in">
                                        <ul class="playlistlink-1 list-15256 clearfix">
                                            <div class="ji-tab-content js-tab-content" style="opacity: 1;">
                                                <div class="num-tab js-tabs">
                                                    <div class="num-tab-main js-tab g-clear">
                                                        <a href="javascript:;" id="ys"
                                                            class="am-btn am-btn-default lipbtn" data-href=""
                                                            onclick="bofang(this)">暂无数据
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </ul>
                                    </div>
                                </div>
                                {/notempty}

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="container">
            <div class="row">
                <div class="col-md-9 col-sm-12 hy-main-content">

                    <div class="hy-layout clearfix">
                        <div class="hy-switch-tabs">
                            <ul class="nav nav-tabs">
                                <li class="active"><a href="#list3" data-toggle="tab">剧情介绍</a></li>
                            </ul>
                        </div>
                        <div class="tab-content">
                            <div class="hy-play-list tab-pane fade in active" id="list3">
                                <div class="item">
                                    <div class="plot">
                                        <span>简介：</span>
                                        {$data.data.vod_desc}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="hy-layout clearfix">
                        <div class="hy-video-head">
                            <h3 class="margin-0">影片评论</h3>
                        </div>
                        <div class="ff-forum" id="ff-forum" data-id="37432" data-sid="1">
                            <!-- UY BEGIN -->
                            评论
                            <!-- UY END -->
                        </div>
                    </div>

                    {notempty name="data.data.recommend"}
                    <div class="hy-layout clearfix">
                        <div class="hy-video-list">
                            <div class="hy-video-head">
                                <h3 class="margin-0">猜你喜欢</h3>
                            </div>
                            <div class="swiper-container hy-switch">
                                <div class="swiper-wrapper">
                                    {volist name="data.data.recommend" id="vod"}
                                    <div class="swiper-slide">
                                        <div class="item">
                                            <a class="videopic lazy mkcms" href="/play-{$page['vt']}/{$vod.vod_url}"
                                                title="{$vod.vod_name}" data-original="{$vod.vod_img}"
                                                style="background: url(/static/wapian/load.gif) no-repeat; background-position:50% 50%; background-size: cover;">
                                                <span class="play hidden-xs"></span><span class="score">推荐</span></a>
                                            <div class="title">
                                                <h5 class="text-overflow"><a
                                                        href="/play-{$page['vt']}/{$vod.vod_url}">{$vod.vod_name}</a>
                                                </h5>
                                            </div>
                                            <div class="subtitle text-muted text-muted text-overflow hidden-xs"></div>
                                        </div>
                                    </div>
                                    {/volist}
                                </div>
                                <div class="swiper-button-next" style="color:#fff;">
                                    <i class="icon iconfont icon-xiangyou"></i>
                                </div>
                                <div class="swiper-button-prev" style="color:#fff;">
                                    <i class="icon iconfont icon-xiangzuo"></i>
                                </div>
                            </div>

                        </div>
                    </div>
                    {/notempty}

                </div>
                <div class="col-md-3 col-sm-12 hy-main-side hidden-sm hidden-xs">
                    <div class="hy-layout clearfix">

                        <div class="hy-video-ranking side clearfix">
                            <div class="head">
                                <a class="text-muted pull-right" href="#"><i class="icon iconfont icon-right"></i></a>
                                <h4>您的播放历史记录</h4>
                            </div>
                            <div class="item">
                                <ul class="clearfix">
                                    {notempty name="record"}
                                    {volist name="record" id="records" length="10"}
                                    <li class="text-overflow">
                                        <span class="pull-right text-color">-&gt;&gt;</span>
                                        <a href="{$records.url}" title="{$records.title}">{$records.title}</a>
                                    </li>
                                    {/volist}
                                    {else}
                                    <li class="text-overflow">
                                        <span class="pull-right text-color">-&gt;</span>
                                        <a href="#" title="暂无播放记录"><em class="number active "></em>暂无播放记录</a>
                                    </li>
                                    {/notempty}
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <span class="ff-hits" id="ff-hits-insert" data-id="37432" data-sid="vod" data-type="insert"></span>
        <style>
            #yss {
                background: deepskyblue;
                color: black;
            }
        </style>
        <script>
            var swiper = new Swiper('.hy-switch', {
                pagination: '.swiper-pagination',
                paginationClickable: true,
                slidesPerView: 5,
                spaceBetween: 0,
                nextButton: '.swiper-button-next',
                prevButton: '.swiper-button-prev',
                breakpoints: {
                    1200: {
                        slidesPerView: 4,
                        spaceBetween: 0
                    },
                    767: {
                        slidesPerView: 3,
                        spaceBetween: 0
                    }
                }
            });
        </script>
        <script>
            function bofang(obj) {
                var href = $(obj).attr('data-href');
                var text = $(obj).text();
                $('.js').text('' + text);
                $.each($('.lipbtn'), function () {
                    $(this).attr('id', '');
                });
                $(obj).attr('id', 'ys');
                var jiekou = $('#yss').attr('data-jk');
                if (href != '' || href != null) {
                    $('#video').attr('src', '/jzad.html');
                    setTimeout(function () {
                        $('#video').attr('src', jiekou + href);
                    }, 3000)
                }
            }
            function xldata(obj) {
                var url = $(obj).attr('data-jk');
                $.each($('#yss'), function () {
                    //$(this).removeClass('jkbtn');
                    $(this).attr('id', '');
                });
                //$(obj).addClass('jkbtn');
                $(obj).attr('id', 'yss');
                var src = $('#ys').attr('data-href');
                $('#video').attr('src', url + src);
            }
        </script>
        <script>
            $(function () {
                // $('#xlus li').children('a:eq(0)').addClass('jkbtn');
                $('#xlus li').children('a:eq(0)').attr('id', 'yss');
                var choice = "{:putSelectionsjj($page)-1}";
                var biaoti = $('#xuji').text();
                var autourl = $('.lipbtn:eq(' + choice + ')').attr('data-href');
                console.log(autourl);

                $('.lipbtn:eq(' + choice + ')').attr('id', 'ys');
                var text = $('.lipbtn:eq(' + choice + ')').text();
                $('.js').text('' + text);
                var jiekou = $('#xlus li').children('a:eq(0)').attr('data-jk');

                if (autourl != '' || autourl != null) {
                    setTimeout(function () {
                        $('#video').attr('src', jiekou + autourl);
                    }, 3000)
                }
            })
        </script>
        <span class="ff-record-set" data-sid="1" data-id="37432" data-id-sid="1" data-id-pid="1">
        </span>